<template>
	<!-- 轮播图区域 -->
	<view class="lunbo">
		<swiper :indicator-dots="true" :autoplay="true" :circular="true" :interval="5000" :duration="1000">
			<swiper-item v-for="(item,index) in swipers" :key="item.index">
				<image class="image" @click="big1(item.image_src)" :src="item.image_src"></image>
			</swiper-item>
		</swiper>
		<view class="content"><text>山东师范大学校历</text></view>
		<image class="picture" @click="big2()" src="http://www.sdnu.edu.cn/images/header/calendar2020.png"></image>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				swipers: [{
					image_src:'http://www.sdnu.edu.cn/__local/5/5D/FA/DC5CE7131D653E91A36E2162824_66B7310C_48F98.jpg',
					},
					{
						image_src:'http://www.sdnu.edu.cn/__local/6/19/20/85CDA6209A4F0EE9E24D7B444EA_B03A44FE_851C4.png',
					},
					{
						image_src:'http://www.sdnu.edu.cn/__local/3/6F/4C/BCEF96D97BDD8D099B899C7D99A_4355F5D1_C9AC2.jpg',
					},
					{
						image_src:'http://www.sdnu.edu.cn/__local/D/AF/1B/82E3467E7F70EA063B19F205B00_13C7A832_985EC.jpg',
					},
					{
					    image_src:'http://www.sdnu.edu.cn/__local/4/2D/70/4B6718060F753C0F7BBCCE12586_DED2FAD9_CBB6A.jpg'
					}
				],
				picture:[{
					image_src:'http://www.sdnu.edu.cn/images/header/calendar2020.png'
				}]
			
		}
	},
		methods: {
			big1(current){
				const urls = this.swipers.map(item=>{
					return item.image_src
				})
				uni.previewImage({
					current,
					urls
				})
			},
			 big2(){
				const urls = this.picture.map(item=>{
					return item.image_src
				})
				uni.previewImage({
					urls
				})
			}
	},
}
</script>

<style lang="scss">
	.lunbo{
		margin-top: 5rpx;
		swiper{
			width: 750rpx;
			height: 380rpx;
			image{
				height: 100%;
				width: 100%;
			}
		}
    .content{
		margin-top: 5rpx;
		font-size: 42rpx;
		font-weight: 550rpx;
		text-align: center;
		color: $shop-color;
		margin-bottom: 5rpx;
	}
	.picture{
		width: 750rpx;
		height: 700rpx;
	
		
	}
}
</style>